<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<style type="text/css">
* {margin:0;padding:0}
</style>
<body>
<!--/*text-decoration: none;*/-->
<div id="app2">
    <el-row>
        <el-col :span="3">
            <img src="css/Baidu_0000.jpeg" width="12.5%" height="241px" style="float: left; position: absolute; top:230px;z-index:999">
            <el-menu
                    :default-active="activeIndex2"
                    class="el-menu-demo"
                    mode="horizontal"
                    @select="handleSelect"
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b">
                <el-menu-item index="1">首页</el-menu-item>
                <el-submenu index="2">
                    <template slot="title">个人中心</template>
                    <el-menu-item index="2-1" @click="re">个人信息</el-menu-item>
                    <el-menu-item index="2-2" href=>我的简历</el-menu-item>
                    <el-menu-item index="2-3">报名兼职</el-menu-item>
                    <el-submenu index="2-4">
                        <template slot="title">账号管理</template>
                        <el-menu-item index="2-4-1">退出登录</el-menu-item>
                        <el-menu-item index="2-4-2">修改密码</el-menu-item>
                        <el-menu-item index="2-4-3">退出登录</el-menu-item>
                    </el-submenu>
                </el-submenu>
                <el-menu-item index="3" disabled>消息中心</el-menu-item>
                <el-menu-item index="4" @click="re">联系我们</el-menu-item>
            </el-menu>
        </el-col>
        <el-col :span="18">
        <el-menu
                    :default-active="activeIndex2"
                    class="el-menu-demo"
                    mode="horizontal"
                    @select="handleSelect"
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b">
                <el-menu-item index="1">首页</el-menu-item>
                <el-submenu index="2">
                    <template slot="title">个人中心</template>
                    <el-menu-item index="2-1" @click="re">个人信息</el-menu-item>
                    <el-menu-item index="2-2" href=>我的简历</el-menu-item>
                    <el-menu-item index="2-3">报名兼职</el-menu-item>
                    <el-submenu index="2-4">
                        <template slot="title">账号管理</template>
                        <el-menu-item index="2-4-1">退出登录</el-menu-item>
                        <el-menu-item index="2-4-2">修改密码</el-menu-item>
                        <el-menu-item index="2-4-3">退出登录</el-menu-item>
                    </el-submenu>
                </el-submenu>
                <el-menu-item index="3" disabled>消息中心</el-menu-item>
                <el-menu-item index="4" @click="re">联系我们</el-menu-item>
            </el-menu>
            <el-menu
                    :default-active="activeIndex2"
                    class="el-menu-demo"
                    mode="horizontal"
                    @select="handleSelect"
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b">
                <el-menu-item index="1">首页</el-menu-item>
                <el-submenu index="2">
                    <template slot="title">个人中心</template>
                    <el-menu-item index="2-1" @click="re">个人信息</el-menu-item>
                    <el-menu-item index="2-2" href=>我的简历</el-menu-item>
                    <el-menu-item index="2-3">报名兼职</el-menu-item>
                    <el-submenu index="2-4">
                        <template slot="title">账号管理</template>
                        <el-menu-item index="2-4-1">退出登录</el-menu-item>
                        <el-menu-item index="2-4-2">修改密码</el-menu-item>
                        <el-menu-item index="2-4-3">退出登录</el-menu-item>
                    </el-submenu>
                </el-submenu>
                <el-menu-item index="3" disabled>消息中心</el-menu-item>
                <el-menu-item index="4" @click="re">联系我们</el-menu-item>
            </el-menu>
        </el-col>
    </el-row>



</div>

<script src="js/vue.js"></script>
<script src="js/axios.js"></script>
<script src="https://unpkg.com/element-ui@2.15.1/lib/index.js"></script>
<script>
    new Vue({
        el: '#app2',
        data() {
            return {
                imgFlag: true,
            }
        },
        methods: {
            img() {
                this.imgFlag = !this.imgFlag
            },
            re() {
                window.location.href = "https://www.baidu.com"
            }
        }
    })
</script>
</body>
</html>